body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-image: url("img/Ebnezer Logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; /* ou '60%' se quiser menor */
  background-color: rgba(168, 165, 165, 0.274);
}

/* ====== Layout Letra de hino ====== */
.botao_voltar {
  display: inline-block;
  padding: 10px 15px;
  background-color: rgb(240, 200, 70);
  border-radius: 10px;
  text-decoration: none;
  color: black;
  font-size: 22px;
  margin: 1rem;
}

.central_letra {
  display: flex;
  
  flex-direction: column;
  align-items: center;
  padding: 3rem;
  margin: 2rem auto;
  width: 85%;
  max-width: 1000px;
  background: rgba(0, 0, 0, 0.55); /* fundo escuro translúcido */
  border-radius: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.Titulo_Hino {
  font-size: 4.5rem;
  
  color: rgb(255, 215, 90);
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.Letra_hino {
  font-size: 2.5rem;
 
  color: #f5f5f5; /* cinza claro em vez de branco puro */
  line-height: 1.8;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.7); /* dá contraste mesmo com fundo claro */
  text-align: left;
}

/* ====== Destaques ====== */
.destaque_masculino { color: rgb(128, 145, 255); font-weight: bold; }
.destaque_feminino { color: rgb(255, 150, 150); font-weight: bold; }
.destaque_coro { color: rgb(255, 215, 90); font-weight: bold; }
.destaque_solo { color: rgb(255, 255, 120); font-weight: bold; }
.destaque_soprano { color: rgb(190, 140, 255); font-weight: bold; }
.destaque_tenor { color: rgb(255, 100, 100); font-weight: bold; }
.destaque_contralto { color: rgb(140, 190, 255); font-weight: bold; }
.destaque_repeti { font-weight: 900; color: #000000; }

/* ====== Botões ====== */
/* ====== BOTÕES REDIRECIONA ====== */
.butons_redireciona {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15rem;
  padding: 5rem 0;
  flex-wrap: wrap;
}

/* ====== ESTILO BASE DOS BOTÕES ====== */
.Buton_2, .Buton_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 20rem;
  height: 5.5rem;
  text-decoration: none;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 1.2rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
  cursor: pointer;
  color: #fff;
  border: none;
}

/* ====== BOTÃO YOUTUBE ====== */
.Buton_2 {
  background: rgb(255, 215, 90);
}

.Buton_2 i {
  font-size: 2.4rem;
  color: #fff;
}

/* ====== BOTÃO WHATSAPP ====== */
.Buton_20 {
  background: rgb(255, 215, 90);
}

.Buton_20 i {
  font-size: 2.4rem;
  color: #fff;
}

/* ====== HOVER (Efeito de brilho e aumento)z    ====== */
.Buton_2:hover, .Buton_20:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  filter: brightness(1.1);
}

/* ====== ÍCONES ANIMADOS ====== */
.Buton_2:hover i,
.Buton_20:hover i {
  transform: rotate(10deg) scale(1.1);
  transition: 0.3s ease;
}